<!DOCTYPE html>
<html>
<head>
    <title><g:layoutTitle default="Solution Architecture"/></title>
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'main.css')}"/>
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'layout.css')}"/>
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'nav.css')}"/>

    <link rel="shortcut icon" href="${resource(dir: 'images', file: 'favicon.ico')}" type="image/x-icon"/>
    <!-- gui:resources -->
    <gui:resources components="expandablePanel,accordion,menu,expandablePanel,toolTip"/>

    <g:layoutHead/>

    <!-- gui:resources -->
    <g:javascript src="application.js"/>
    <g:javascript src="dojo/1.7.1/dojo/dojo.js"/>
    <g:javascript src="jquery/jquery-1.6.1.min.js"/>



    <modalbox:modalIncludes/>

    <g:setProvider library="jquery"/>

</head>

<body class="yui-skin-sam">
<body>
<g:render template="/common/menu"/>

<div id="header">
    <div>
        <img src="${resource(dir: 'images', file: 'HomePage.jpg')}" alt="Network Performance Management" border="0"/>
    </div>
</div>

<div id="left">
    <g:render template="/common/leftNav"/>
</div>

<div id="right">
    <g:render template="/common/rightNav"/>
</div>

<div id="middle">
    <g:layoutBody/>
</div>

<div id="footer">
    <g:render template="/common/footer"/>
</div>

</body>

</body>
</html>